<template>
	<view>
    <!-- 头部导航 -->
		<view class="tabbbar">
		  <text class="quxiaojiantou"><</text>
		  <text class="tabtext">设置中心</text>
		</view>
    
    <!-- logo层 -->
    <view class="logo">
      <image src="./img/logo.png" mode="" class="logo"></image>
      <text class="edition">版本号：1.0.0</text>
    </view>
    <!-- 菜单项 -->
    <view class="caidan">
      <view class="List">
        <text class="caiList">个人信息</text>
        <image src="./img/you.png" mode="" class="caiyou"></image>
      </view>
      <view class="List">
        <text class="caiList">用户协议</text>
        <image src="./img/you.png" mode="" class="caiyou"></image>
      </view>
      <view class="List">
        <text class="caiList">隐私协议</text>
        <image src="./img/you.png" mode="" class="caiyou"></image>
      </view>
      <view class="List">
        <text class="caiList">联系我们</text>
        <image src="./img/you.png" mode="" class="caiyou"></image>
      </view>
    </view>
		</view>
    

</template>

<script>
 
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
  /* tabbar */
.tabbbar {
  width: 100%;
  height: 116rpx;
 background: url(../img/tabbar.png) no-repeat;
 background-size: cover;
  opacity: 0.3;
  

}
.quxiaojiantou {
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
      line-height: 114rpx;
      margin-left: 50rpx;
}
.tabtext {
  width: 70rpx;
  height: 34rpx;
  font-size: 36rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #333333;
  line-height: 30rpx;

 margin-left: 230rpx;
}
/* logo */
.logo {
  /* margin: 58rpx auto; */
  margin: 58rpx auto 15rpx auto;
  width: 208rpx;
  height: 207rpx;
}
.edition {
 margin-left: 28rpx;
  font-size: 24rpx;
  font-family: PingFang SC;
  font-weight: 500;
  color: #777777;
  line-height: 40rpx;
 

  }
  /* 菜单项 */
  .caidan {
    margin: 0 auto;
   position: relative;
   top: 180rpx;
    width: 690rpx;
    height: 442rpx;
    background: #FFFFFF;
    box-shadow: 0px 5px 40px 0px rgba(192, 192, 192, 0.33);
    border-radius: 10rpx;

  }
  .List {
    width: 650rpx;
    height: 105rpx;
    border-bottom: 1px solid #F5F5F5;
    margin-left: 20rpx;
    line-height: 105rpx;
  }
  .List:nth-child(4){
    border: none;
  }
  .caiList {
    float: left;
    width: 130rpx;
    height: 31rpx;
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    color: #333333;
    

    }
    .caiyou {
      margin-top: 46rpx;
      float: right;
      width: 10rpx;
      height: 17rpx;
      
    }
</style>
